#rapih {
overflow: hidden;
width: 80%;
float: right;
}
#kontak {
overflow: hidden;
background: #fff;
position: fixed;
width: 80%;
z-index: 9999;
    right:0px;
}
  #sosmed{width:50%;float:left;}
  .sos{width:33.3%;float:left;text-align:center;color:#fff;}
.sos a {
color: #fff;
display: block;
padding: 5px;
}
  #facebook{background-color: #4c66a4;}
  #twitter{background-color: #3a92c8;}
  #gplus{background-color: #cb4437;}
  #gplus{width:33.4%;}
#hape {
float: right;
text-align: center;
overflow: hidden;
width: 20%;
}
#hape span {
padding: 7px;
display: block;
font-size: 12px;
color: #666;
}
#iklan-atas-kanan img {
max-height: 90px;
    height:90px;
}
.tabse h2{display:none;}
.tabs ul li {
}
.tabs ul li a {
padding: 15px;
display: block;
color: #fff;
font-size: 18px;transition: 0.4s all ease-in-out;
}
  .tabs ul li a:hover{background:rgba(0, 0, 0, 0.59);}

#croscoll {
background: rgba(0, 0, 0, 0.47);
}
#header-inner {
text-align: center;
background: rgba(255, 255, 255, 0);
color: #fff;
padding: 10px 0;
}
.selected {
position: relative;
}
#pencari {
background: #fff;
margin-bottom: 5px;
text-align: center;
}
#search {
padding: 5px;
}
#penginput {
padding: 5px;
border: 0;
background: #2c3e50;
color: #fff;
}
#scroll {
display: none;
position: fixed;
top: 0;
right: 10px;
z-index: 500;
padding: 3px 8px;
background-color:#e74c3c;
color: #fff;
border-radius: 3px;
}
#scroll:after {
content: &quot; &quot;;
position: absolute;
top: 50%;
right: -7px;
height: 0;
width: 0;
margin-top: -4px;
border: 4px solid transparent;
border-left-color: #e74c3c;
}
  .tabs li.selected a, .tabs li.selected a:hover{background:rgba(231, 76, 60, 0.47);position:relative;}
.tabs li.selected:before {
border-width: 14px;
border-style: solid;
border-color: transparent #ecf0f1 transparent transparent;
content: &quot;&quot;;
width: 0px;
height: 0px;
position: absolute;
z-index: 9;
right: 0;
top: 12px;
}
  .fb_iframe_widget span, .fb_iframe_widget, .fb_iframe_widget iframe{width:100% !important;}.fb_iframe_widget {
margin-top: 10px;
}
.fb_iframe_widget span{
width: 100% !important;
}
#blog-pager {
text-align: center;
  }
.showpageArea {
overflow: hidden;
padding: 5px 0;
}
.showpageOf {
background: #eee;
padding: 2px 5px;
margin-right: 5px;
}
.showpagePoint {
background: #e74c3c;
color: #fff;
padding: 2px;
margin-right:3px;
}
.showpageNum a {
background: #eee;
padding: 2px 4px;
margin-right: 3px;
color: #000;
}
.showpage a {
background: #eee;
padding: 2px 4px;
margin: 0;
color: #000;
margin-left: 3px;
}
input[type=&quot;text&quot;] {
padding: 2px;
font-weight: bold;
color: #666;
margin-right: 0px;
border: 1px solid #eee;
}
#search-top {
overflow: hidden;
text-align: center;
padding: 1px;
}
#search-button-top {
background-repeat: no-repeat;
transition: all 0.7s ease 0s;
background-color: #666;
background-position: 19px -243px;
border: none;
cursor: pointer;
padding: 3px;
color: #fff;
margin-left: 0px;
}

nav {
text-transform:uppercase;
position:relative;
font:bold 12px Arial,Sans-Serif;
background: #e74c3c;
}
nav * {
margin:0 0 0 0;
padding:0 0 0 0;
list-style:none;
}
nav ul {
overflow: hidden;
    background:rgba(231, 76, 60, 0.84);
    float:left;
}
nav li {
float:left;
display:inline;
}
nav li a {
padding:3px 15px;
line-height:40px;
color:#fff !important;
display:block;
text-decoration:none;
}
nav li a:hover {
background:rgba(231, 76, 60, 0.84) !important;
}
nav li ul {
display:block;
width:170px;
position:absolute;
left:auto;
z-index:10;
visibility:hidden;
opacity:0;
height:auto;
transition:all 0.26s ease-out 0.2s;
}
nav li li {
display:block;
float:none;
width:100%;
}
nav li:hover &gt; ul {
visibility:visible;
width:200px;
opacity:1;
}
nav li li ul {
left:200px;
margin-top:
-40px;
}
nav li.sub &gt; a {
position:relative;
padding-right:30px;
}
nav li.sub &gt; a:after {
content:&quot;&quot;;
width:0px;
height:0px;
border-width:4px;
border-style:solid;
border-color:#eee transparent transparent transparent;
position:absolute;
top:20px;right:10px;
}
nav li.sub li.sub &gt; a:after {
content:&quot;&quot;;
width:0px;
height:0px;
border-width:4px;
border-style:solid;
border-color:transparent transparent transparent #eee;
position:absolute;
top:16px;
right:10px;
}
.info-artikel {
overflow: hidden;
font-size: 13px;
color: #858585;
margin-bottom: 5px;
    display:none;
}
.post-info-icon{display:inline-block;}.post-info a:hover{color:#000;}.jam{background-position:0 -98px;height:16px;padding:0 0 0 17px}.komentar{background-position:0 -132px;height:16px;padding:0 0 0 17px;}.label{background-position:0 -166px;height:16px;padding:0 0 0 17px;}.admin{background-position:0 1px;height:16px;padding:0 0 0 17px;}.tanggal{background-position:0 -32px;height:16px;padding:0 0 0 17px;}
    .post-info-icon,.home{background-repeat:no-repeat;}
.home-link, #blog-pager-newer-link, #blog-pager-older-link {
color: #fff !important;
display: block;
}
  .breadcrumbs a{color:#2c3e50;}
  .separator a{margin-left:0px !important;margin-right:0px !important;}
.permalink{line-height: 1.7em;
font-size: 13px;
margin: 6px 0 0;
padding: 0 5px;
background: #f8f8f8;border: 1px solid #e2e2e2;
color: #333;
overflow: hidden;}
  .related-post{margin:1em auto 0;font-size:13px;background:#fff;border-radius:4px;border: 1px solid #eee;}.related-post h4{font-size:14px;margin:0 0 .5em;background:#9dcb63;color:#fff;padding:14px;font-weight:normal;border-radius:4px 4px 0 0;position:relative;font-family:Oswald,Arial,Sans-Serif;text-transform:uppercase}ul.related-post-style-1{margin-left:0px;padding-left:0!important;margin-top:-12px}.related-post-style-1 li{list-style:none;border-top:1px solid #eceef5}.related-post-style-1 li a{color:#79798d;text-decoration:none;font-size: 16px;display: block;
padding: 15px 20px;}.related-post-style-1 li a:hover{color: #FFFFFF;
text-decoration: none;
background: #e74c3c;}ul#relpost li .relatedpost_description{font:normal 11px Electrolize,sans-serif}
#share-button{margin:8px 0;padding:0;overflow:hidden}#share-button p{float:left;box-shadow:1px 1px 5px rgba(1,1,1,.1);background:#fafafa;display:block;padding:5px 8px !important;margin:0 3px 3px 0;border-radius:6px 6px;border:1px solid #fff}#share-button a{position:relative;float:left;box-shadow:1px 1px 5px rgba(1,1,1,.1);border-radius:6px 6px;display:block;color:#fafafa;padding:5px 8px;margin:0 3px 3px;border:1px solid #fff}#share-button a:hover{top:1px;
left:1px;box-shadow:0px 0px 3px rgba(1,1,1,.1)}
.hrecipe{line-height: 1.7em;
font-size: 13px;
margin: 6px 0 0;
padding: 12px;
background: #f8f8f8;border: 1px solid #e2e2e2;
color: #333;
overflow: hidden;}
.PopularPosts .item-thumbnail{float: left;
padding: 3px;
margin: 0 2px 2px 0;}
.PopularPosts .item-title {
font-weight: bold;
}
.PopularPosts .item-snippet {
font-size: 11px;
color: #888;
overflow: hidden;
text-align: justify;
}
  #copyright{color:#CACACA;background:#2c3e50;padding:5px;font-size:12px;position: relative;text-shadow: 0 1px 3px #000;}
  #copy-kiri{float:left;}
  #copy-kanan{float:right;}
  #copyright a{color:#fff;}
#ngerror {
color: #fff;
text-align: center;
margin-bottom: 50px;
font-weight: bold;
font-family: arial,sans-serif;
position: fixed;
width: 100%;
height: 100%;
line-height: 1.5em;
z-index: 9999;
background: rgba(0, 0, 0, 0.59);
}
#error-text {
top: 30%;
position: relative;
}
#error-gambar {
background-image: url(//ssl.gstatic.com/docs/common/v-sprite5.svg)!important;
background-repeat: no-repeat;
background-size: 100%;
height: 240px;
margin: 0 auto;
width: 200px;
top: 30%;
position: relative;
}
#gulir-atas{background: #e74c3c;
position: absolute;
left: 50%;
width: 50px;
height: 30px;
bottom: 0;
margin-left: -25px;
text-decoration: none;
text-align: center;
font-size: 16px;
line-height: 31px;
text-shadow: none!important;
color: #B3B3B3 !important;
border-radius: 5px 5px 0 0;
}
#gulir-atas:hover {
color: #fff !important;
}
#judul-halaman {
text-align: center;
color: #fff;
font-size: 28px;
text-transform: uppercase;
padding: 10px;
}
/* KOMENTAR */
#comments{line-height:1em;margin:10px;position:relative;background:#2a3542;border-radius:4px;padding:10px}#comments h3{border-radius:4px 4px 0 0;font-size:14px;font-family:Oswald,Arial,Sans-Serif;text-transform:uppercase;font-weight:normal;left:0;top:-53px;background:#5498C9;color:#fff;padding:14px;}.comment_avatar_wrap{width:42px;height:42px;border:1px solid #151d26;background:#25303c;padding:4px;text-align:center;margin-bottom:20px}#comments .avatar-image-container{float:left;margin:0 10px 0 0;width:42px;height:42px;max-width:42px;max-height:42px;padding:0;margin-bottom:10px}#comments .avatar-image-container img{width:42px;height:42px;max-width:42px;max-height:42px;background:url(http://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat}.comment_name a{font-family:Oswald,Arial,Sans-serif;padding-bottom:10px;font-size:14px;text-decoration:none}.comment_admin .comment_name{font-family:Oswald,Arial,Sans-serif;padding-bottom:10px;font-size:14px;text-decoration:none}.comment_admin .comment_date{font-weight:normal;font-size:11px}.comment_name{font-family:Oswald,Arial,Sans-serif;padding-bottom:10px;font-size:14px;font-weight:normal;position:relative}.comment_service{margin-top:5px}.comment_date{color:#999;float:right;font-size:11px;font-weight:normal}.comment_date a{color:#a9a9a9;float:right;font-size:11px;font-weight:normal}.comment_date a:hover{color:#a9a9a9;text-decoration:none}.comment_body{margin-top:-72px;margin-left:65px;background:#25303c;border:1px solid #1d2630;border-top:1px solid #171f28;border-left:1px solid #171f28;padding:15px}div.comment_inner.comment_admin{background:#394549}.comment_body p{line-height:1.5em;margin:5px 0 0 0;color:#fff;font-size:13px;word-wrap:break-word;padding-bottom:10px}.comment_inner{padding:15px;margin:5px 0 5px 0;background-color:#35404d}.comment_child .comment_wrap{padding-left:5%}.comment_reply{display:inline-block;margin-top:8px;margin-left:-5px;padding:1px 12px;color:#fff!important;text-align:center;text-decoration:none;border-radius:2px;background:#54687c;font:11px/18px sans-serif;transition:background-color 1s ease-out 0s}.comment_reply:hover{text-decoration:none!important;;background:#627c96}.unneeded-paging-control{display:none}#comment-editor{width:100%!important;background:#e1e3e6 url(&#39;http://4.bp.blogspot.com/-TIf6ayZW9R4/UkxBo2beCQI/AAAAAAAAFsA/XR2DBWD3YG4/s1600/kangis-loader.gif&#39;) no-repeat 50% 30%;border-radius:4px;margin-bottom:20px;position:relative}.comment-form{max-width:100%!important}.comment_form a{text-decoration:none;text-transform:uppercase;font-weight:bold;font-family:Arial,Helvetica,Garuda,sans-serif;font-size:15px}.comment_form a:hover{text-decoration:underline}.comment_reply_form{padding:0 0 0 70px}.comment_reply_form .comment-form{width:99%}img.comment_emo{margin:0;padding:0;vertical-align:middle}.comment_emo_list{display:none}.comment_emo_list .item{float:left;text-align:center;margin:10px 10px 0 0;height:40px;width:41px}.comment_emo_list span{display:block;font-weight:bold;font-size:11px;letter-spacing:1px}.comment_youtube{max-width:100%!important;width:400px;height:225px;display:block;margin:auto}.comment_img{max-width:100%!important}.comment_header{width:50px}#respond{overflow:hidden;padding-left:10px;clear:both}.comment_avatar img{width:42px;height:42px;background:url(http://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat}.comment-delete img{float:right;margin-left:15px;margin-top:3px}.comment_admin .comment_author_flag{display:inline;background:url(http://4.bp.blogspot.com/-lABM2Z7_HVs/Ui_XAxhHY6I/AAAAAAAAFXc/wbQNB2SkcIQ/s1600/author.png)no-repeat;font-size:0;font-weight:normal;padding:3px 3px;right:-23px;margin-top:-17px;color:#fff;border-radius:4px;text-transform:uppercase;position:absolute;width:36px;height:30px}iframe{border:none;overflow:hidden}.deleted-comment{background:#db6161 url(http://4.bp.blogspot.com/-Yj5ewidrX5Q/UkrG9s3fS5I/AAAAAAAAFrQ/rhhaMJwHDoc/s1600/tempat-sampah.png) no-repeat 2% 50%;color:#efd4d4;line-height:22px;border:1px solid #c44d4d;padding:12px 15px 12px 45px;margin:5px 0;display:block}.comment-form p{background:#54687c;padding:15px 15px 14px 15px;margin:5px 0 5px 0;color:#f4f4f4;font-size:13px;line-height:20px;border-radius:4px;position:relative}div.comment_avatar img[src=&#39;http://img1.blogblog.com/img/openid16-rounded.gif&#39;]{content:url(http://2.bp.blogspot.com/-8NurYzHIoWQ/Ujc_oLurXII/AAAAAAAAFek/XhAm-oLwg7Q/s45-c/gravatar.png)}div:target .comment_inner{background:#346656;transition:all 15s ease-out}div:target .comment_child .comment_wrap .comment_inner{background:#404c5c}iframe{border:none;overflow:hidden}
.label-size-1, .label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;}.cloud-label-widget-content{text-align:left}.label-size{display:block;float:left;background:#16a085;margin:0 1px 1px 0;color:#eee;}.label-size a,.label-size span{display:inline-block;color:#fff;padding:6px 8px;}.label-size:hover{background:#00a3ff;}
.label-count{white-space:nowrap;padding-right:8px;margin-left:-4px;}.label-size{line-height:1.2}


  /* Ini Responsive */
  @media screen and (max-width:980px){
#artikel {
padding: 10px;
}
.sidebar .widget {
padding: 10px 5px 5px 5px;
}
#sosmed {
display: none;
}
#hape {
width: 30%;
}
  }
  @media screen and (max-width:800px){
#kontak, #rapih {
width: 70%;
}
#bagian-aside, #iklan-kanan {
float: none;
width: 100%;
}
#halaman {
width: 30%;
}
  }
  @media screen and (max-width:600px){
#rapih {
width: 100%;
}
#wrapper, #kontak, #halaman {
position: inherit;
float: none;
width: 100%;
margin: 0px;
}
#halaman {
background-size: 100%;
}
.tabs ul li {
width: 50%;
float: left;
overflow: hidden;
background: rgba(0, 0, 0, 0.5);
}
#bagian-aside {
margin-top: 0px;
}
#gulir-atas {
position: inherit;
display: block;
margin: 10px auto;
margin-bottom: 0px;
}
    #copy-kiri,#copy-kanan{float:none;}#copyright{text-align:center;padding-bottom:0px;}.tabs li.selected:before{display:none;}
    .comment_body{margin:0px;}.comment_avatar_wrap{display:none;}
  }

  @media screen and (max-width:380px){
.tabs ul li {
width: 100%;
float: none;
}
.tabs ul li a {
padding: 10px;
}
#hape {
width: 50%;
}
input[type="text"] {
width: 100px;
}
  }
